<div class="box">
 <form (submit)="onLoggedin()">
    <div class="login_left col-xs-12 col-sm-5 col-md-5">
        <div class="lo_center">
            <div class="lo_logo"><a class="btn rounded-btn" [routerLink]="['/']"><img src="/assets/images/logo.png" alt=""></a></div>
            <ul class="lo_ul">
                <li class="lo_ti">12{{'iPAN Member Sign in'|translate}}</li>
                <li class="lo_ne">Lets login into your account.</li>
            </ul>
           <label>{{'iPAN Member ID'|translate}}</label>
            <ul class="in">
                <li><input type="text"  autocapitalize="none" [(ngModel)]="code"  [ngModelOptions]="{standalone: true}" pInputText>
                        </li>
                <li> <label>{{'Password'|translate}}</label><input type="password" autocapitalize="none" [(ngModel)]="password"  [ngModelOptions]="{standalone: true}" pInputText>
                        </li>
            </ul>
            <div class="tijiao"><button pButton  label="{{'Login'|translate}}" type="submit" style="background-color: transparent; border: 0; width:100%;"></button></div>
            <div class="zu">{{"Don't have an account?"|translate}}<span> <a class="btn rounded-btn" [routerLink]="['/signup']">{{'Register'|translate}}</a></span></div>
        </div>
    </div>
    <div class="login_right col-xs-12 col-sm-7 col-md-7">
        <div class="bg_img">
            <img src="/assets/images/login.jpg" alt="" width="100%">
            <div class="lo_biao">
                <p class="lo_title">WELCOME TO IPAN</p>
                <p class="lo_nei">International Property Agent Network (iPAN) is a global property platform for people from all walks oflife.</p>
            </div>
        </div>
    </div>
    </form>
</div>

<p-growl [(value)]="msgs"></p-growl>
